<!--
	This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<title>
			Drafting timer application
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="description"
				content="An application for a judge calling a draft in a Magic game.">
		<meta name="author" content="Denis Sokolov">
		<meta name="robots" content="all">
		<link rel="stylesheet" type="text/css" href="styles.css">
		<link rev="made" href="mailto:denis@sokolov.cc">
		<link rel="shortcut icon" href="ktimer.png">
	</head>
	<body>
		<table><tr><td><div id="content">
			<p class="loading">
				Loading the application...
			</p>
			<!--[if IE]>
				<p class="loading warning">
					You are using Internet Explorer.
					If the application never loads, it is because
						Internet Explorer is an old, vulnerable and
						incompatible browser.
					Help yourself and the Internet &mdash; get a better
						browser, like
						<a href="http://www.google.com/chrome">Chrome</a>,
						<a href="http://www.mozilla.com/firefox">Firefox</a>,
						or
						<a href="http://www.opera.com">Opera</a>.
				</p>
			<![endif]-->
			<ul id="steps">
				<!--[if IE]>
				<li>
					<p>Warning!</p>
					<p>
						You are using Internet Explorer.
						The browser is unbelievably unfriendly to both
							users and developers.
						It&rsquo;s behaviour is unexpected and unpredictable.
						Thus I give no guarantee, how the application will
							work under this browser.
					</p>
					<p>
						For the sake of yourself and the Internet, please
							move to a better browser.
						I advice choosing
							<a href="http://www.google.com/chrome">Chrome</a>,
						but there is
							<a href="http://www.mozilla.com/firefox">Firefox</a>
							or
							<a href="http://www.opera.com">Opera</a>,
							if you need other alternatives.
					</p>
				</li>
				<![endif]-->
				<li>
					<p class="languageSelector">
						<img src="flags/en.png" alt="en"
							title="Switch to English language">
						<img src="flags/ru.png" alt="ru"
							title="Переключиться на русский язык">
					</p>
					<p class="vc-h1">
						Hello, fellow judge, willing to call a Magic draft!
					</p>
					<p class="vc-h2">
						All you have to do is read the
							text on the screen and watch the players.
					</p>
					<p class="vc-h3">
						The program is controlled with a single button
							on the screen.
						Simply press a <strong>space</strong> button on
							your keyboard to advance.
					</p>
					<button class="vc-understood">Understood. Let&rsquo;s go!</button>
					<p class="appname">
						Magic drafting application version
							<span class="version"
								title="Released on the 24th of January, 2009">0.6</span>.
						<span title="The program is licensed under GPL 3">
							<img src="copyleft.png" alt="Copyleft.">&nbsp;2008.
						</span>
						<a href="#end" class="vc-about vt-about"
							title="Switch to the screen about the program"
							>About</a>.
						<a href="http://code.google.com/p/magic-drafting-application/"
							class="vc-homepage vt-homepage"
							title="See the application&rsquo;s homepage, where you can find full information on it."
							>Homepage</a>.
					</p>
				</li>
				<li>
					<p class="warning vc-beta1">
						Notice: the program is in beta status.
					</p>
					<p class="vc-beta2">
						This means that it might make mistakes and you
							should be ready to continue the draft
							manually at any time.
					</p>
					<p class="vc-beta3">
						Please <a href="http://code.google.com/p/magic-drafting-application/issues/entry?template=Bug%20report"
							>report all problems</a> you will encounter
							and <strong>be bold</strong> in doing so!
						This will help us fix faster.
					</p>
					<p class="vc-beta4">
						If you&rsquo;d like to see a new feature in this
							application,
							<a href="http://code.google.com/p/magic-drafting-application/issues/entry?template=Feature%20request"
							>just say so</a> and we will try to make it
							happen!
					</p>
					<p class="vc-beta5">
						If you have problems reporting, please
							contact us using this email:
							<span class="email">drafting@sokolov.cc</span>.
					</p>
					<button class="vc-beta6">I understand.</button>
				</li>
				<li>
					<p class="vc-offline1">
						To call the draft without the internet,
							use your browser&rsquo;s
							‘File &rarr; Save Page’ function.
						But please check back online sometimes, as it will
							be updated, while your offline version will stay
							the same.
					</p>
					<button class="vc-offline2">Noted.</button>
				</li>
				<li id="settings">
					<h1 class="vc-settings">Settings</h1>
					<input id="s-lang" type="hidden" name="lang" value="en">
					<p
						class="vt-14cardPack"
						title="If you draft prepared boosters with the basic land removed, select this option.">
						<input id="s-14cardPack" type="checkbox">
						<label for="s-14cardPack" class="vc-14cardPack">
							Draft 14-card packs
						</label>
					</p>
					<p
						class="vt-5seconds"
						title="If you would like the application to warn when 5 seconds are remaining till the end of the time, select this option.">
						<input id="s-5seconds" type="checkbox">
						<label for="s-5seconds" class="vc-5seconds">
							Warning in 5 seconds instead of 10
						</label>
					</p>
					<p
						class="vt-soundsSetting"
						title="The application will make certain sounds (like the 10-seconds beep), if this option is enabled.">
						<input id="s-sounds" type="checkbox">
						<label for="s-sounds" class="vc-soundsSetting">
							Sounds
						</label>
					</p>
					<p id="soundsNotFound" class="warning vc-soundsNotFound">
						(I have not found any sounds.
						<a
							href="http://code.google.com/p/magic-drafting-application/wiki/Sounds"
							>Download them</a>
						and <a href="">restart the application</a>.)
					</p>
					<fieldset>
						<legend class="vc-sets">Sets:</legend>
						<p class="setCustomizer">
							<input id="s-set1" value="Shards of Alara">
							<input id="s-set2" value="Shards of Alara">
							<input id="s-set3" value="Shards of Alara">
						</p>
					</fieldset>
					<button class="vc-start">Start the draft</button>
				</li>
				<li id="begin">
					<p class="vc-begin1">Welcome to the draft.</p>
					<p class="vc-begin2">We will draft three boosters &mdash; <span class="var-set1">SET</span>, <span class="var-set2">SET</span> and <span class="var-set3">SET</span>.</p>
					<p class="vc-begin3">
						Please make sure you have these three packs
							in front of you.
					</p>
					<p class="vc-begin4">
						During the draft, when I say ‘Look’, you may look
							at the cards in your hand.
						I will remind you, when the time is nearly up
							and when I say ‘Pass’, you should pass your
							cards at once.
						If possible, shuffle the cards and lay them out
							on the table in packs of 3.
					</p>
					<button class="vc-continue">Continue.</button>
				</li>
				<li>
					<p class="vc-explanation1">
						Between the boosters, you will have some time
						to review the cards you have drafted that far.
					</p>
					<p class="vc-explanation2">
						During the draft procedure you should stay
						focused on your cards and try not to give away
						any kind of information to your opponents.
					</p>
					<button class="vc-theygotit">They got it.</button>
				</li>
				<li>
					<p class="vc-open1">
						Please open the first booster, which is
							<span class="var-set1">SET</span>,
							and count the cards
							<strong>face-down</strong>.
							There should be <span class="var-cardsInBooster">15</span> cards in there.
					</p>
					<button class="vc-thereare">Yes, there are.</button>
				</li>
				<li>
					<p class="vc-passleft">
						You will have to pass the cards to your
							<strong>left</strong>.
					</p>
					<p class="vc-prepareSilence">
						Prepare for the draft and keep silence.
					</p>
					<button class="vc-startFirstBooster">Begin the draft.</button>
				</li>
				<li class="simpleBooster vt-booster1" title="Booster 1"></li>
				<li>
					<p class="pre vc-review30" title="3">You now have 30 seconds to review what you have
						drafted.</p>
					<var>30</var>
					<p class="pulse vc-10seconds" title="10">10 seconds!</p>
					<samp class="vc-putcardsback">Put back the cards.</samp>
					<button class="vc-done">Done.</button>
				</li>
				<li>
					<p class="vc-open2">
						Please open the second booster, which is
							<span class="var-set2">SET</span>,
							and count the cards
							<strong>face-down</strong>.
							There should be <span class="var-cardsInBooster">15</span> cards in there.
					</p>
					<p class="vc-passright">
						You have to pass the cards now to your
							<strong>right</strong>.
					</p>
					<button class="vc-startSecondBooster">Begin drafting the second booster.</button>
				</li>
				<li class="simpleBooster vt-booster2" title="Booster 2"></li>
				<li>
					<p class="pre vc-review45" title="3">You now have 45 seconds to review what you have
						drafted.</p>
					<var>45</var>
					<p class="pulse vc-10seconds" title="10">10 seconds!</p>
					<samp class="vc-putcardsback">Put back the cards.</samp>
					<button class="vc-done">Done.</button>
				</li>
				<li>
					<p class="vc-open3">
						Please open the third booster, <span class="var-set3">SET</span> and count the cards
							<strong>face-down</strong>.
							There should be <span class="var-cardsInBooster">15</span> cards in there.
					</p>
					<p class="vc-passleft">
						You have to pass the cards now to your
							<strong>left</strong>.
					</p>
					<button class="vc-startThirdBooster">Begin drafting the third booster.</button>
				</li>
				<li class="simpleBooster vt-booster3" title="Booster 3"></li>
				<li>
					<p class="vc-draftOver">
						The draft is now over.
					</p>
					<p class="vc-takeCards">
						Please take your cards and proceed to your sitting
							place. Try to avoid giving information
							related to the draft to other players.
					</p>
					<button class="vc-finish">Finish.</button>
				</li>
				<li id="end">
					<h1 class="vc-about">About the program</h1>
					<h2>Credits</h2>
						<p class="vc-credits">
							The program is written by
							Denis Sokolov &mdash; a level 1 judge from Lithuania
							(<a href="http://sokolov.cc">homepage</a>).
						</p>
						<p class="vc-creditsSound creditsSound">
							The default sound pack is provided by
								<a href="http://www.kde-look.org/content/show.php?content=50607">Nuno Filipe Povoa</a>,
								the application icon by <a href="http://nuovext.pwsp.net/">Alexandre Moore</a>.
						</p>
					<h2>Bugs &amp; features</h2>
						<p class="vc-reportBugs">
							Please <a href="http://code.google.com/p/magic-drafting-application/issues/entry?template=Bug%20report"
								>report all problems</a> you will encounter
								and <strong>be bold</strong> in doing so!
							This will help us fix faster.
						</p>
						<p class="vc-offerFeatures">
							If you&rsquo;d like to see a new feature in this
								application,
								<a href="http://code.google.com/p/magic-drafting-application/issues/entry?template=Feature%20request"
								>just say so</a> and we will try to make it
								happen!
						</p>
						<p class="vc-contactEmail">
							If you have problems using web service, please
								contact us using this email:
								<span class="email">drafting@sokolov.cc</span>.
						</p>
					<h2>Offline use</h2>
						<p class="vc-offline1">
							To save this application and use it offline, use
								your browser&rsquo;s ‘File &rarr; Save Page’
								function.
							But please check back online sometimes, as it will
								be updated, while your offline version will stay
								the same.
						</p>
					<p>
						<a href="" class="vc-restartDraft">Restart the draft</a>.
					</p>
				</li>
			</ul>
			<noscript>
				<p>
					The application is written in JavaScript and cannot
						work without it. Please turn it on.
				</p>
				<p>
					I appreciate your concerns about JavaScript
						problems and security and share them.
				</p>
				<p>
					However, this application really requires it, as it
						written completely in JavaScript.
				</p>
			</noscript>
		</div></td></tr></table>
		<script type="text/javascript" src="jquery-1.3.min.js"></script>
		<script type="text/javascript" src="lang/default.js"></script>
		<script type="text/javascript" src="lang/extra.js"></script>
		<script type="text/javascript" src="engine.js"></script>
	</body>
</html>
